html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}

.u-line-1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.u-line-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.u-line-3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.u-radius-5 {
	border-radius: 5px;
}

.u-radius-10 {
	border-radius: 10px;
}

.u-radius-15 {
	border-radius: 15px;
}

.u-radius-20 {
	border-radius: 20px;
}

.u-radius-25 {
	border-radius: 25px;
}

.u-radius-30 {
	border-radius: 30px;
}



.u-font-xs {
	font-size: 22rpx;
}

.u-font-sm {
	font-size: 26rpx;
}

.u-font-md {
	font-size: 28rpx;
}

.u-font-lg {
	font-size: 30rpx;
}

.u-font-xl {
	font-size: 34rpx;
}


.u-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.u-flex-wrap {
	flex-wrap: wrap;
}

.u-flex-nowrap {
	flex-wrap: nowrap;
}

.u-col-center {
	align-items: center;
}

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-row-center {
	justify-content: center;
}

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

.u-row-between {
	justify-content: space-between;
}

.u-row-around {
	justify-content: space-around;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-flex-col {
	display: flex;
	flex-direction: column;
}

.u-flex-1 {
	flex: 1;
}

.u-flex-2 {
	flex: 2;
}

.u-flex-3 {
	flex: 3;
}

.u-flex-4 {
	flex: 4;
}

.u-flex-5 {
	flex: 5;
}

.u-flex-6 {
	flex: 6;
}

.u-font-20 {
	font-size: 20px;
}

.u-font-22 {
	font-size: 22px;
}

.u-font-24 {
	font-size: 24px;
}

.u-font-26 {
	font-size: 26px;
}

.u-font-28 {
	font-size: 28px;
}

.u-font-30 {
	font-size: 30px;
}

.u-font-32 {
	font-size: 32px;
}

.u-font-34 {
	font-size: 34px;
}

.u-font-bold {
	font-weight: bold;
}


.u-m-t-5 {
	margin-top: 5px !important;
}

.u-m-t-10 {
	margin-top: 10px !important;
}

.u-m-t-15 {
	margin-top: 15px !important;
}

.u-m-t-20 {
	margin-top: 20px !important;
}

.u-m-t-25 {
	margin-top: 25px !important;
}

.u-m-t-30 {
	margin-top: 30px !important;
}

.u-m-t-35 {
	margin-top: 35px !important;
}

.u-m-t-40 {
	margin-top: 40px !important;
}

.u-m-t-45 {
	margin-top: 45px !important;
}

.u-m-t-50 {
	margin-top: 50px !important;
}

.u-m-t-55 {
	margin-top: 55px !important;
}

.u-m-t-60 {
	margin-top: 60px !important;
}

.u-m-t-65 {
	margin-top: 65px !important;
}

.u-m-t-70 {
	margin-top: 70px !important;
}

.u-m-t-75 {
	margin-top: 75px !important;
}

.u-m-t-80 {
	margin-top: 80px !important;
}


.u-m-r-5 {
	margin-right: 5px !important;
}

.u-m-r-10 {
	margin-right: 10px !important;
}

.u-m-r-15 {
	margin-right: 15px !important;
}

.u-m-r-20 {
	margin-right: 20px !important;
}

.u-m-r-25 {
	margin-right: 25px !important;
}

.u-m-r-30 {
	margin-right: 30px !important;
}

.u-m-r-35 {
	margin-right: 35px !important;
}

.u-m-r-40 {
	margin-right: 40px !important;
}

.u-m-r-45 {
	margin-right: 45px !important;
}

.u-m-r-50 {
	margin-right: 50px !important;
}

.u-m-r-55 {
	margin-right: 55px !important;
}

.u-m-r-60 {
	margin-right: 60px !important;
}

.u-m-r-65 {
	margin-right: 65px !important;
}

.u-m-r-70 {
	margin-right: 70px !important;
}

.u-m-r-75 {
	margin-right: 75px !important;
}

.u-m-r-80 {
	margin-right: 80px !important;
}


.u-m-b-5 {
	margin-bottom: 5px !important;
}

.u-m-b-10 {
	margin-bottom: 10px !important;
}

.u-m-b-15 {
	margin-bottom: 15px !important;
}

.u-m-b-20 {
	margin-bottom: 20px !important;
}

.u-m-b-25 {
	margin-bottom: 25px !important;
}

.u-m-b-30 {
	margin-bottom: 30px !important;
}

.u-m-b-35 {
	margin-bottom: 35px !important;
}

.u-m-b-40 {
	margin-bottom: 40px !important;
}

.u-m-b-45 {
	margin-bottom: 45px !important;
}

.u-m-b-50 {
	margin-bottom: 50px !important;
}

.u-m-b-55 {
	margin-bottom: 55px !important;
}

.u-m-b-60 {
	margin-bottom: 60px !important;
}

.u-m-b-65 {
	margin-bottom: 65px !important;
}

.u-m-b-70 {
	margin-bottom: 70px !important;
}

.u-m-b-75 {
	margin-bottom: 75px !important;
}

.u-m-b-80 {
	margin-bottom: 80px !important;
}



.u-m-l-5 {
	margin-left: 5px !important;
}

.u-m-l-10 {
	margin-left: 10px !important;
}

.u-m-l-15 {
	margin-left: 15px !important;
}

.u-m-l-20 {
	margin-left: 20px !important;
}

.u-m-l-25 {
	margin-left: 25px !important;
}

.u-m-l-30 {
	margin-left: 30px !important;
}

.u-m-l-35 {
	margin-left: 35px !important;
}

.u-m-l-40 {
	margin-left: 40px !important;
}

.u-m-l-45 {
	margin-left: 45px !important;
}

.u-m-l-50 {
	margin-left: 50px !important;
}

.u-m-l-55 {
	margin-left: 55px !important;
}

.u-m-l-60 {
	margin-left: 60px !important;
}

.u-m-l-65 {
	margin-left: 65px !important;
}

.u-m-l-70 {
	margin-left: 70px !important;
}

.u-m-l-75 {
	margin-left: 75px !important;
}

.u-m-l-80 {
	margin-left: 80px !important;
}


.u-p-t-5 {
	padding-top: 5px !important;
}

.u-p-t-10 {
	padding-top: 10px !important;
}

.u-p-t-15 {
	padding-top: 15px !important;
}

.u-p-t-20 {
	padding-top: 20px !important;
}

.u-p-t-25 {
	padding-top: 25px !important;
}

.u-p-t-30 {
	padding-top: 30px !important;
}

.u-p-t-35 {
	padding-top: 35px !important;
}

.u-p-t-40 {
	padding-top: 40px !important;
}

.u-p-t-45 {
	padding-top: 45px !important;
}

.u-p-t-50 {
	padding-top: 50px !important;
}

.u-p-t-55 {
	padding-top: 55px !important;
}

.u-p-t-60 {
	padding-top: 60px !important;
}

.u-p-t-65 {
	padding-top: 65px !important;
}

.u-p-t-70 {
	padding-top: 70px !important;
}

.u-p-t-75 {
	padding-top: 75px !important;
}

.u-p-t-80 {
	padding-top: 80px !important;
}



.u-p-r-5 {
	padding-right: 5px !important;
}

.u-p-r-10 {
	padding-right: 10px !important;
}

.u-p-r-15 {
	padding-right: 15px !important;
}

.u-p-r-20 {
	padding-right: 20px !important;
}

.u-p-r-25 {
	padding-right: 25px !important;
}

.u-p-r-30 {
	padding-right: 30px !important;
}

.u-p-r-35 {
	padding-right: 35px !important;
}

.u-p-r-40 {
	padding-right: 40px !important;
}

.u-p-r-45 {
	padding-right: 45px !important;
}

.u-p-r-50 {
	padding-right: 50px !important;
}

.u-p-r-55 {
	padding-right: 55px !important;
}

.u-p-r-60 {
	padding-right: 60px !important;
}

.u-p-r-65 {
	padding-right: 65px !important;
}

.u-p-r-70 {
	padding-right: 70px !important;
}

.u-p-r-75 {
	padding-right: 75px !important;
}

.u-p-r-80 {
	padding-right: 80px !important;
}



.u-p-b-5 {
	padding-bottom: 5px !important;
}

.u-p-b-10 {
	padding-bottom: 10px !important;
}

.u-p-b-15 {
	padding-bottom: 15px !important;
}

.u-p-b-20 {
	padding-bottom: 20px !important;
}

.u-p-b-25 {
	padding-bottom: 25px !important;
}

.u-p-b-30 {
	padding-bottom: 30px !important;
}

.u-p-b-35 {
	padding-bottom: 35px !important;
}

.u-p-b-40 {
	padding-bottom: 40px !important;
}

.u-p-b-45 {
	padding-bottom: 45px !important;
}

.u-p-b-50 {
	padding-bottom: 50px !important;
}

.u-p-b-55 {
	padding-bottom: 55px !important;
}

.u-p-b-60 {
	padding-bottom: 60px !important;
}

.u-p-b-65 {
	padding-bottom: 65px !important;
}

.u-p-b-70 {
	padding-bottom: 70px !important;
}

.u-p-b-75 {
	padding-bottom: 75px !important;
}

.u-p-b-80 {
	padding-bottom: 80px !important;
}




.u-p-l-5 {
	padding-left: 5px !important;
}

.u-p-l-10 {
	padding-left: 10px !important;
}

.u-p-l-15 {
	padding-left: 15px !important;
}

.u-p-l-20 {
	padding-left: 20px !important;
}

.u-p-l-25 {
	padding-left: 25px !important;
}

.u-p-l-30 {
	padding-left: 30px !important;
}

.u-p-l-35 {
	padding-left: 35px !important;
}

.u-p-l-40 {
	padding-left: 40px !important;
}

.u-p-l-45 {
	padding-left: 45px !important;
}

.u-p-l-50 {
	padding-left: 50px !important;
}

.u-p-l-55 {
	padding-left: 55px !important;
}

.u-p-l-60 {
	padding-left: 60px !important;
}

.u-p-l-65 {
	padding-left: 65px !important;
}

.u-p-l-70 {
	padding-left: 70px !important;
}

.u-p-l-75 {
	padding-left: 75px !important;
}

.u-p-l-80 {
	padding-left: 80px !important;
}